<template>
  <div>
    <!--{{this.$route.path}}-->
      <el-menu :default-active="this.$route.path" class="el-menu-demo" mode="horizontal"  router >
        <!--<el-menu-item index="1">
        </el-menu-item>-->
        <el-menu-item>
            <el-image :src="require('../../img/littleIcon/doctorLogo.png')"></el-image>
        </el-menu-item>
        <el-menu-item  style="padding:0 40px" index="/informationmain">
            主页
        </el-menu-item>
        <el-menu-item index="/InformationDoctor"  style="padding:0 40px">权威医生</el-menu-item>
        <el-menu-item index="/mainQuestion"  style="padding:0 40px">在线解答</el-menu-item>
        <el-menu-item index="/InformationOnline"  style="padding:0 40px">在线咨询</el-menu-item>
        <el-menu-item index="/">
          <el-image style="width:30px;padding-top:12px;padding-left:270px" :src="require('../../img/littleIcon/home.png')"></el-image>
          <label style="padding-top:10px">     返回首页</label>
        </el-menu-item>
        <el-submenu index="5"   class="menuItem">
            <template slot="title">我</template>
            <div>
              <el-menu-item index="2-1" >选项1</el-menu-item>
              <el-menu-item index="2-2" >选项2</el-menu-item>
              <el-menu-item index="2-3" >选项3</el-menu-item>
            </div>
            
        </el-submenu>
    </el-menu>
    <el-main>
          <router-view></router-view>
                <!--<div>sa</div>-->
    </el-main>
  </div>
</template>

<script>
export default {

}
</script>

<style >
.el-menu--collapse .el-menu .el-submenu, .el-menu--popup{
  min-width: 120px!important;
}
.menuItem{
  position: absolute;
  right: 30px;
}

</style>